﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Teddy Resume</title>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,600,700" rel="stylesheet" />
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/config.js"></script>
    <script src="js/skel.min.js"></script>
    <link rel="stylesheet" href="css/skel-noscript.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/style-desktop.css" />
</head>
<body>
    <!-- Nav -->
    <nav id="nav">
        <ul>
            <li><a href="#top">Top</a></li>
            <li><a href="#work">Work</a></li>
            <li><a href="#portfolio">Portfolio</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>
    <!-- Home -->
    <div class="wrapper wrapper-style1 wrapper-first">
        <article class="container" id="top">
            <div class="row">
                <div class="4u">
                    <span class="me image image-full">
                        <img src="images/me.png" alt="" style="margin: 0px;" /></span>
                </div>
                <div class="8u">
                    <header>
                        <h1>Hi. I'm <strong>Teddy Long</strong>.</h1>
                    </header>
                    <p>And this is <strong>My Resume</strong>, you can know me well through with <a href="http://www.teddylong.net/">TeddyLong.Net</a> WebSite. </p>
                    <a href="#work" class="button button-big">Learn about what I do</a>
                </div>
            </div>
        </article>
    </div>
    <!-- Work -->
    <div class="wrapper wrapper-style2">
        <article id="work">
            <header>
                <h2>I design and build amazing things.</h2>
                <span>Odio turpis amet sed consequat eget posuere consequat.</span>
            </header>
            <div class="container">
                <div class="row">
                    <div class="4u">
                        <section class="box box-style1">
                            <span class="icon featured-icon icon-comments-alt"></span>
                            <h3>Consequat lorem</h3>
                            <p>Ornare nulla proin odio consequat sapien vestibulum ipsum primis sed amet consequat lorem dolore.</p>
                        </section>
                    </div>
                    <div class="4u">
                        <section class="box box-style1">
                            <span class="icon featured-icon icon-file-alt"></span>
                            <h3>Lorem dolor tempus</h3>
                            <p>Ornare nulla proin odio consequat sapien vestibulum ipsum primis sed amet consequat lorem dolore.</p>
                        </section>
                    </div>
                    <div class="4u">
                        <section class="box box-style1">
                            <span class="icon featured-icon icon-thumbs-up"></span>
                            <h3>Feugiat posuere</h3>
                            <p>Ornare nulla proin odio consequat sapien vestibulum ipsum primis sed amet consequat lorem dolore.</p>
                        </section>
                    </div>
                </div>
            </div>
            <footer>
                <p>Lorem ipsum dolor sit sapien vestibulum ipsum primis?</p>
                <a href="#portfolio" class="button button-big">See some of my recent work</a>
            </footer>
        </article>
    </div>

</body>
</html>
